.page {
	with:100%;
	height:100%;
}

.header {
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
		
	
	padding: 80rpx 50rpx;
	box-sizing: border-box;
	
	width: 100%;
	height: 300rpx;
	background-color: #63A35C;
}

.face {
	width:120rpx;
	height:120rpx;
	border-radius: 50%;
	/*头像防挤压*/
	flex-shrink: 0;
}

.info-wrapper {
	width:80%;
	margin-left: 40upx;
	display: flex;
	flex-direction: column;
}

.nickname {
	color: #FFF;
	font-weight: bold;
	font-size: 38rpx;
}

.tel {
	color: #FFF;
	font-size: 18rpx;
	margin-top: 10rpx;
}

.info-wrapper navigator {
	font-size: 36rpx;
	color: #FFF;
}


.set-wapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 15%;
}


.menus {
	width: 90%;
	height: 200rpx;
	background-color: #F7F7F7;
	border-radius: 10rpx;
	position: relative;
	top: -60rpx;
	margin: 0 auto;
	
	display: flex;
	justify-content: center;
	flex-direction: row;
	
}

.menu-item {
	width: 33%;
}

.menu-item view {
	width:100rpx;
	height: 100rpx;
	font-size: 100rpx;
	margin:16rpx auto;

}

.menu-item text {
	font-size: 16rpx;
	display: block;
	width: 100%;
	text-align: center;
}


.heading {
	width: 90%;
	margin: auto;
	font-size: 34rpx;
	font-weight: bold;
}


.content {
	width: 90%;
	height: 160rpx;
	background-color: #F7F7F7;
	border-radius: 10rpx;

	margin: 30rpx auto;
	
	display: flex;
	justify-content: center;
	flex-direction: row;
	
}

.content-item {
	width: 33%;
}

.content-item view {
	width:80rpx;
	height: 80rpx;
	font-size: 80rpx;
	margin:16rpx auto;

}

.content-item text {
	font-size: 16rpx;
	display: block;
	width: 100%;
	text-align: center;
}